import React from 'react'
import {Button, Message} from "@/components";

export default class MessageDemo extends React.Component {

	render() {

		return (
			<div className="btn-group">
				<Button onClick={() => Message('我就问你怕不怕', 2000, Message.TOP_LEFT)}>TOP_LEFT</Button>
				<Button onClick={() => Message.info('我就问你怕不怕', 2000, Message.TOP_CENTER)}>TOP_CENTER</Button>
				<Button onClick={() => Message.warn('我就问你怕不怕', 2000, Message.TOP_RIGHT)}>TOP_RIGHT</Button>
				<Button onClick={() => Message.error('我就问你怕不怕', 2000, Message.BOTTOM_LEFT)}>BOTTOM_LEFT</Button>
				<Button onClick={() => Message.success('我就问你怕不怕', 2000, Message.BOTTOM_CENTER)}>BOTTOM_CENTER</Button>
				<Button onClick={() => Message.success('我就问你怕不怕', 2000, Message.BOTTOM_RIGHT)}>BOTTOM_RIGHT</Button>
				<Button onClick={() => Message.success('我就问你怕不怕', 2000, Message.MIDDLE_CENTER)}>MIDDLE_CENTER</Button>

				<Button onClick={() => Message.info({
					message: '我就问你怕不怕',
					duration: 2000,
					placement: Message.MIDDLE_CENTER,
					closeable: false
				})}>info</Button>
				<Button onClick={() => Message.success('我就问你怕不怕')}>Success</Button>
				<Button onClick={() => Message.warn('我就问你怕不怕')}>Warn</Button>
				<Button onClick={() => Message.error('我就问你怕不怕')}>error</Button>
			</div>
		)
	}
}

